﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>垂直工具条</title>
<style>
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #000000;
}
.toolbar {
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100%; /* 设置最大宽度 */
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; /* 允许内容换行 */
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  z-index: 1000;
}
.toolbar a {
  padding: 5px 0;
  text-decoration: none;
  font-size: 16px;/* 字体大小 */
  writing-mode: vertical-rl; /* 竖直排列文本 */
  text-orientation: upright; /* 文本方向竖直 */
  width: 10px; /* 每个链接的宽度 */
  margin-right: 10px; /* 设置每个元素的右侧外边距 */
  text-align: left;
  white-space: nowrap; /* 防止文字换行 */
  break-inside: avoid;/* 防止链接名称被拆分 */
  font-family: "Microsoft YaHei", sans-serif; /* 使用更清晰的字体 */
  

  
  /* 调整垂直文本属性 
  writing-mode: vertical-lr;
  text-orientation: mixed;*/
  
  /* 增加悬停效果对比度 */
  transition: all 0.3s ease;
}

/* 新增背景渐变提升质感 */
.toolbar {
  background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);
  padding: 15px 8px;
}

/* 优化悬停效果 */
.toolbar a:hover {
  background: rgba(255,255,255,0.15);
  transform: translateX(3px);
}

.toolbar a:last-child {
  margin-right: 0; /* 最后一个元素不设置外边距 */
}
.toolbar a:hover {
  background-color: #555;
  color: white;
}
.content {
  padding-top: 60px;
  margin-left: 80px;
}

/* 定义不同颜色的类 */
.link-red {
  color: #FF0000; /* 红色 */
}
.link-Lime{
  color: #00FF00; /* 绿色 */
}
.link-Yellow{
  color:#FFFF00; /* 黄色 */
}
.link-White {
  color: #FFFFFF; /* 白色 */
}
.link-green {
  color: #90EE90; /* 浅绿色 */
}
.link-purple {
  color: #DDA0DD; /* 浅紫色 */
}
.link-orange {
  color: #FFA07A; /* 浅橙色 */
}
</style>
</head>
<body>

<div class="toolbar">






  <a href="http://www.treeid/id:5333" class="link-Yellow" target="_self">查询交易单</a>
  <a href="http://www.treeid/id:5353" class="link-Yellow" target="_self">全撤所有</a>
  <a href="http://www.treeid/id:5091" class="link-red" target="_self">通达信闪买</a>
  <a href="http://www.treeid/id:5111" class="link-Lime" target="_self">通达信闪卖</a>


  <a href="http://www.treeid/id:33030" class="link-White" target="_self">条件选股</a>
  <a href="http://www.treeid/id:33154" class="link-White" target="_self">定制选股</a>
  <a href="http://www.treeid/id:9002" class="link-White" target="_self">综合选股</a>
  <a href="http://www.treeid/id:9003" class="link-White" target="_self">性价比换股器</a>
  <a href="http://www.treeid/id:9004" class="link-White" target="_self">自动选设置</a>
  <a href="http://www.treeid/id:9005" class="link-White" target="_self">  一键选股  </a> 
  <a href="http://www.treeid/id:9100" class="link-White" target="_self">插件选股</a>
   

  <a href="http://www.treeid/id:1927" class="link-green" target="_self">主力监控</a>
  <a href="http://www.treeid/id:33720" class="link-green" target="_self">预警列表</a>
  <a href="http://www.treeid/id:33093" class="link-green" target="_self">雷达设置</a>
  <a href="http://www.treeid/id:33721" class="link-green" target="_self">预警设置</a>
  <a href="http://www.treeid/id:5343" class="link-green" target="_self">设置条件预警</a>

  <a href="http://www.treeid/id:559" class="link-orange" target="_self">所属板块</a>
  <a href="http://www.treeid/id:34072" class="link-orange" target="_self">上市公司网站</a>
  <a href="http://www.treeid/id:34073" class="link-orange" target="_self">问董秘</a>

  <a href="http://www.treeid/id:9264" class="link-Yellow" target="_self">专业财务数据下载</a>
  <a href="http://www.treeid/id:9279" class="link-Yellow" target="_self"> 盘后数据下载  </a>

  <a href="   http://www.treeid/id:4005   " class="link-orange" target="_self"> 全屏显示  </a> 
  <a href="http://www.treeid/id:33735" class="link-orange" target="_self">滚动资讯栏</a>
  <a href="   http://www.treeid/id:59393    " class="link-orange" target="_self"> 底状态栏  </a> 
  <a href="   http://www.treeid/id:32800   " class="link-orange" target="_self">  显隐版面切换区  </a>
  <a href="   http://www.treeid/id:645   " class="link-orange" target="_self">  我的定制版面  </a>
  <a href="   http://www.treeid/id:34393   " class="link-orange" target="_self"> 版面管理器   </a>  
  <a href="   http://www.treeid/id:32958   " class="link-orange" target="_self"> 系统设置  </a> 
  <a href="   http://www.treeid/id:4104    " class="link-orange" target="_self">  画线工具  </a>
  <a href="   http://www.treeid/id:1928   " class="link-orange" target="_self">  图形标识设置  </a>            
  <a href="   http://www.treeid/id:33251   " class="link-orange" target="_self"> 金融计算器  </a>
  <a href="   http://www.treeid/dlglocalurl##homepath##/jspages/pc-zbpt/index.html?color=0&bkcolor " class="link-orange" target="_self"> 平台指标  </a>            
  <a href="   http://www.treeid/id:33031  " class="link-orange" target="_self">  公式管理器  </a>
  <a href="   http://www.treeid/id:9051   " class="link-orange" target="_self">  自定义板块设置  </a>
  <a href="http://www.treeid/id:32793" class="link-purple" target="_self">加自选</a>
  <a href="http://www.treeid/id:32792" class="link-purple" target="_self">加入板块</a>
  <a href="http://www.treeid/id:32794" class="link-purple" target="_self">从板块删除</a>
          

  <a href="   http://www.treeid/id:34067    " class="link-orange" target="_self">  重仓持股基金  </a>                      
  <a href="http://www.treeid/id:5802" class="link-green" target="_self">市场复盘</a>
  <a href="http://www.treeid/id:5801" class="link-green" target="_self">大盘直播</a>
  <a href="http://www.treeid/id:32160" class="link-green" target="_self">在线人气</a>  


  <a href="http://www.treeid/dlglocalurl##homepath##/jspages/pc-yuntu/page-dp.html" class="link-Yellow" target="_self">云图</a>
  <a href="http://www.treeid/dlglocalurl##homepath##/jspages/pc-yuntu-hk/page-dp.html" class="link-Yellow" target="_self">港美</a>
  <a href="http://www.treeid/dlglocalurl##homepath##/jspages/pc-yuntu-qh/page-dp.html" class="link-Yellow" target="_self">期货</a>

  <a href="http://www.treeid/dlghttp://page2.tdx.com.cn:7615/site/tdx-pc-zx/page-index.html?color=0&bkcolor=000000##&menu=xw" class="link-red " target="_self">大资讯</a>
  <a href="http://www.treeid/dlghttps://fast.icfqs.com/site/apps/jrzdym/jrzdym/sczb1.html?color=0&bkcolor=000000" class="link-red target="_self">央行资金</a>
  <a href="http://www.treeid/dlghttp://data.10jqka.com.cn/hsgt/index" class="link-red target="_self">同花陆股通</a>

  <a href="http://www.treeid/dlghttp://fast1.tdx.com.cn:7615/site/tdx_zxts/page_main.html?color=0&bkcolor" class="link-red target="_self">要闻</a>
  <a href="http://www.treeid/dlghttp://hot.icfqs.com:7615/site/tdx-pc-find/page_rzrq.html" class="link-red target="_self">两融</a>
  <a href="http://www.treeid/dlghttps://724.guzhang.com/" class="link-purple" target="_self">鼓掌</a>
  <a href="http://www.treeid/dlghttps://www.zaobao.com/" class="link-purple" target="_self">早报</a>

  <a href="http://www.treeid/dlghttps://www.iqiyi.com/" class="link-Yellow" target="_self">deepseek</a>
  <a href="http://www.treeid/dlghttps://kimi.moonshot.cn/" class="link-red target="_self">Kimi</a>
  <a href="http://www.treeid/dlghttps://www.doubao.com/chat/" class="link-Yellow" target="_self">豆包</a>

  <a href="http://www.treeid/dlghttps://chat.deepseek.com/" class="link-green" target="_self">爱奇艺</a>
  <a href="http://www.treeid/dlghttps://youku.com/channel/webhome" class="link-green" target="_self">优酷</a>
  <a href="http://www.treeid/dlghttps://v.qq.com" class="link-green" target="_self">腾讯</a>
  <a href="http://www.treeid/dlghttps://www.yicai.com/tv/" class="link-green" target="_self">第一财经</a>
  <a href="http://www.treeid/dlghttps://www.douyin.com/user/self?showTab=like" class="link-green" target="_self">抖音</a>
</div>

<div class="content">
  <h1></h1>
  <p></p>
</div>

</body>
</html>